if (process?.platform == 'darwin' && !hostWindow.isFullscreen) {
    // apply margin-top on input here
} else {
    // remove margin-top
}

.ms-1.hover-reveal(ngbDropdown, placement='bottom-right top-right auto')
	button.btn.btn-link.ms-1(
		ngbDropdownToggle,
		(click)='$event.stopPropagation()'
	)
		i.fas.fa-fw.fa-ellipsis-vertical
	div(ngbDropdownMenu)
		button.dropdown-item(
			ngbDropdownItem,
			(click)='$event.stopPropagation(); newProfile(profile)'
		)
			i.fas.fa-fw.fa-copy
			span(translate) Duplicate

		button.dropdown-item(
			ngbDropdownItem,
			*ngIf='profile.id && !isProfileBlacklisted(profile)',
			(click)='$event.stopPropagation(); blacklistProfile(profile)'
		)
			i.fas.fa-fw.fa-eye-slash
			span(translate) Hide

		button.dropdown-item(
			ngbDropdownItem,
			*ngIf='profile.id && isProfileBlacklisted(profile)',
			(click)='$event.stopPropagation(); unblacklistProfile(profile)'
		)
			i.fas.fa-fw.fa-eye
			span(translate) Show

		button.dropdown-item(
			*ngIf='!profile.isBuiltin',
			(click)='$event.stopPropagation(); deleteProfile(profile)'
		)
			i.fas.fa-fw.fa-trash-alt
			span(translate) Delete

	.ms-1.text-danger.fas.fa-eye-slash(*ngIf='isProfileBlacklisted(profile)')

    @HostListener('document:mouseup')
    stopResize (): void {
        this.panelIsResizing = false
    }

# profileTree.component.pug
.grabber(
    cdkDrag,
    cdkDragLockAxis="x",
    (cdkDragStarted)="onDragStarted($event)",
    (cdkDragMoved)="onDragMoved($event)",
    (cdkDragEnded)='onDragEnd($event)',
)

# profileTree.component.ts
    @HostBinding('style.width.px') panelInternalWidth: number = parseInt(window.localStorage.profileTreeWidth ?? 300)

    onDragStarted (event: CdkDragStart) {
        this.panelStartWidth = this.panelInternalWidth
    }

    onDragMoved (event: CdkDragMove) {
        // deltaX
        let width = this.panelStartWidth + event.distance.x
        // min_width < x < max_width
        width = Math.max(this.panelMinWidth, width)
        width = Math.min(this.panelMaxWidth, width)
        this.panelInternalWidth = width
        event.source.setFreeDragPosition({ x: 0, y: 0 })
    }

    onDragEnd (event: CdkDragEnd) {
        window.localStorage.profileTreeWidth = this.panelInternalWidth
    }